<template lang="pug">
.xBox
  .header_radius
    .typeImg.iconfont(:class='list.type == "journey"?"icon-lingdang":"icon-ic_tram_px"')
  img.cover(:src="list.cover", alt="alt")
  p {{list.type == "journey"?"【餐厅】":"【旅游】"}}{{list.luxian}}
  span.iconfont.icon-xinaixin-fuben
    span {{list.easy}}
</template>
<script>
export default {
  data() {
    return {};
  },
  props: ["list"],
};
</script>
<style lang="sass" scoped>
.xBox
    width: 1.8rem
    height: 2.58rem
    border-radius: .1rem
    box-shadow: 0 .1rem .2rem .01rem #ccc
    position: relative
    margin: 0 .1rem
    box-sizing: border-box
    padding: .1rem
    .cover
        width: 100%
        height: 1.72rem
        border-radius: .08rem
    .header_radius
        position: absolute
        left: .07rem
        top: .07rem
        background-image: url("../../src/assets/img/radius.png")
        width: .38rem
        height: .38rem
        display: flex
        // justify-content: center
        // align-items: center
        .typeImg
            margin: .04rem
        .icon-ic_tram_px
            color: rgb(118,183,138)
            font-size: .22rem
        .icon-lingdang
            color: rgb(237,108,108)
            font-size: .21rem
    p
      overflow: hidden
      white-space: nowrap
      text-overflow: ellipsis
      line-height: .4rem
      font-size: .2rem
      font-weight: 600
    .icon-xinaixin-fuben
      padding: 0 .05rem
      color: #ccc
      span
        margin-left: .05rem
</style>